<template>
	<a-modal v-model:visible="visible" title="明细数据" :footer="false" :width="1200">
		<a-table :dataSource="dataSource" :columns="columns"> </a-table>
	</a-modal>
</template>
<script lang="jsx" setup>
	const visible = ref(false)
	const open = () => {
		visible.value = true
	}
	const dataSource = [
		{
			key: '1',
			name: '胡彦斌',
			age: 32,
			address: '西湖区湖底公园1号',
			count: 4
		},
		{
			key: '2',
			name: '胡彦祖',
			age: 42,
			address: '西湖区湖底公园1号',
			count: 4
		}
	]
	const columns = [
		{
			title: '时间',
			dataIndex: 'name'
		},
		{
			title: '通话人数',
			dataIndex: 'age',
			filterDropdown: true,
			filterIcon: () => {
				return (
					<a-tooltip title="选择条件范围内，去重后的呼叫人数，包括接听和未接听的(人单位级去重，非公司级去重)">
						<QuestionCircleOutlined class="text-[16px]" />
					</a-tooltip>
				)
			}
		},
		{
			title: '通话总时长',
			dataIndex: 'address',
			filterDropdown: true,
			filterIcon: () => {
				return (
					<a-tooltip title="选择条件范围内，所有通话时长的总和为通话总时长">
						<QuestionCircleOutlined class="text-[16px]" />
					</a-tooltip>
				)
			}
		},
		{
			title: '通话次数',
			dataIndex: 'count',
			filterDropdown: true,
			filterIcon: () => {
				return (
					<a-tooltip title="选择条件范围内，呼出次数和呼入次数的总和定义为通话次数，包括接听和未接听的">
						<QuestionCircleOutlined class="text-[16px]" />
					</a-tooltip>
				)
			}
		},
		{
			title: '接听次数',
			dataIndex: 'address',
			filterDropdown: true,
			filterIcon: () => {
				return (
					<a-tooltip title="选择条件范围内，号码呼入时累计接听的次数">
						<QuestionCircleOutlined class="text-[16px]" />
					</a-tooltip>
				)
			}
		},
		{
			title: '接听率',
			dataIndex: 'address',
			filterDropdown: true,
			filterIcon: () => {
				return (
					<a-tooltip title="选择条件范围内，呼入呼出的总接听率">
						<QuestionCircleOutlined class="text-[16px]" />
					</a-tooltip>
				)
			}
		},
		{
			title: '有效通话次数',
			dataIndex: 'address',
			filterDropdown: true,
			filterIcon: () => {
				return (
					<a-tooltip title="选择条件范围内，达到系统设定的有效通话的总次数">
						<QuestionCircleOutlined class="text-[16px]" />
					</a-tooltip>
				)
			}
		},
		{
			title: '有效通话总时长',
			dataIndex: 'address',
			filterDropdown: true,
			filterIcon: () => {
				return (
					<a-tooltip title="选择条件范围内，达到系统设定的有效通话的总通话时长">
						<QuestionCircleOutlined class="text-[16px]" />
					</a-tooltip>
				)
			}
		}
	]
	defineExpose({
		open
	})
</script>
